<template>
    <div>
        <h2>房号添加</h2>
        <table  class="table table-bordered">
            <tbody>
                <tr>
                    <td>房型</td>
                    <td>
                        <input type="text">
                    </td>
                </tr>
                <tr>
                    <td>房间号码</td>
                    <td> <input type="text"></td>
                </tr>
                <tr>
                    <td>房号描述</td>
                    <td>
                        <textarea></textarea>
                    </td>
                </tr>
                <tr>
                    <td>状态</td>
                    <td>
                        <input type="radio" name="tai" checked >上架
                        <input type="radio" name="tai"  >下架
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td>
                        <button @click="add">添加</button>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</template>

<script setup lang="ts">
import axios from "axios";
import { onMounted, reactive, ref } from "vue";
import { useRouter } from "vue-router";
import "bootstrap/dist/css/bootstrap.min.css";

const router = useRouter();

 const add=()=>{
    alert("添加成功");
    router.push("showhao");
 }
</script>

<style scoped>

</style>